<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>机构管理</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
	<!-- 面包屑导航 -->
	<ol class="breadcrumb tool_margin_bottom_0 tool_border_radius_0 tool_border_bottom_style">
	  <li>
	    <a href="/">首页</a>
	  </li>
	  <li class="active">机构管理</li>
	</ol>
	<div class="page_content container-fluid">
		<ul class="nav nav-tabs">
			<li role="presentation"><a id="btnOfficeList" href="sys/officeList.html">机构列表</a></li>
			<li role="presentation" class="active"><a>添加机构</a></li>
		</ul>
		<form class="form-horizontal" id="officeInfoForm" action="javascript:alert('验证成功,可以提交.');" method="post">
			<div class="form-group">
		    	<label for="company" class="col-sm-2 control-label">上级机构：</label>
		    	<div class="col-sm-2">
			    	<div class="input-group input-group-sm">
			      		<input type="text" class="form-control" id="parentOffice" name="parentOffice" placeholder="上级机构" disabled="disabled">
		      			<span class="input-group-btn">
		      				<a class="btn btn-default" id="userCompanySearchBtn" role="button"><i class="fa fa-search"></i></a>
		      			</span>
			    	</div>
		    	</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="company" class="col-sm-2 control-label">所属区域：</label>
		    	<div class="col-sm-2">
			    	<div class="input-group input-group-sm">
			      		<input type="text" class="form-control" id="area" name="area" placeholder="所属区域" disabled="disabled">
		      			<span class="input-group-btn">
		      				<a class="btn btn-default" id="userCompanySearchBtn" role="button"><i class="fa fa-search"></i></a>
		      			</span>
			    	</div>
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">机构名称：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="officeName" name="officeName" placeholder="机构名称" />
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">机构编码：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="officeId" name="officeId" placeholder="机构编码" />
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">机构类型：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<select class="form-control" id="officeType" >
		      			<option>公司</option>
		      			<option>部门</option>
		      		</select>
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">机构类别：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<select class="form-control" id="grade" >
		      			<option>一级</option>
		      			<option>二级</option>
		      			<option>三级</option>
		      			<option>四级</option>
		      		</select>
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">联系地址：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="address" name="address" placeholder="联系地址" />
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">邮政编码：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="post" name="post" placeholder="邮政编码" />
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">负责人：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="master" name="master" placeholder="负责人" />
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">电话：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="phone" name="phone" placeholder="电话" />
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">传真：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="fax" name="fax" placeholder="传真" />
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="department" class="col-sm-2 control-label">邮箱：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="email" name="email" placeholder="邮箱" />
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="memo" class="col-sm-2 control-label">备注：</label>
		    	<div class="col-sm-4 input-group-sm">
		      		<textarea class="form-control" id="memo" name="memo" placeholder="备注" row="3" />
		    	</div>
		  	</div>
		  	<div class="form-group button-area">
		  		<div class="col-xs-offset-1">
					<a id="btnSave" class="btn btn-primary" href="#" role="button"><i class="fa fa-save"></i> 保存</a>
					&nbsp;&nbsp;&nbsp;
					<a id="btnReturn" class="btn btn-default" href="sys/officeList.html" role="button">返回</a>
				</div>
			</div>
		</form>
	</div>
	<script language="JavaScript">
	seajs.use('../static/sys/officeInfo.js', function(office) {
		office.init();
	});
	</script>
</body>